/****************************** homepage ******************************/
    /* header */
header{
    width:100%;
    line-height: 60px;
    background: #272727;    
}
.top{
    width:1120px;
    height:60px;
    margin:0 auto;
}
.top .logo-a{
    float:left;
}
.top .header-ul{
    float:left;
    width:688px;
    margin-left: 26px;
    /* margin-right: 54px; */
    font-size: 16px;
    color: #FFFFFF;
}
.top .header-li{
    float:left;
    width:16.66%;
    font-size: 16px;
    text-align: center;
    opacity: 0.6;
    transition: all 0.5s;
    height:60px;
    box-sizing: border-box;  
}
.top .header-li:hover{
    color: #F9BE04;
    border-bottom:3px solid #F9BE04;
    opacity:1;
    font-size: 18px;

}
.top .moved{        
    color: #F9BE04;
    border-bottom:3px solid #F9BE04;
    opacity:1;
    font-size: 18px;        
}
.search{
    position:relative;
    display: inline-block;
    font-size: 14px;
    color: #707070;
}
.search ul{
    width:45px;
    height:20px;
    position:absolute;
    padding-right:10px;
    left: 10px;
    top:20px;
    background:url(../images/icon_arrow_drop_down.png) no-repeat 25px 0px;
    border-right:2px solid #E6E6E6;
    overflow: hidden;
}
.search ul:hover{
    overflow: visible;
}
.search li{
    position:absolute;
    line-height:1.4em;
    left:0px;
    width:28px;
    height:20px;
    cursor: pointer;
    background: #fff;
}
.search .search-2{
    top:20px;
}
.search .search-3{
    top:40px;
}
.search .searchText{
    padding:0 25px 0 60px;
    height:32px;
    width:180px;
    font-size: 14px;
    color: #707070;
    background: url(../images/icon_search.png) no-repeat 156px;
    background-color: #FFFFFF;
    border:none;
}
/* main */
.main{
    background: #EFF2F5;
    padding-bottom:48px;
}
    /* news */
.news{
    width:1120px;
    padding-top:20px;
}
.news .news-left{   
    display: inline-block; 
    width:820px;
    height:325px;
    margin-right: 15px;
    /* margin-right:20px; */
}
.news-left div{
    /* display: inline-block; */
    overflow: hidden;
}
/* .news-left .swiper{
    width:430px;
    height:325px;
} */
    /* 轮播 */
.news-left .banner{  
    width:430px;
    height:325px;
    position: relative;
}
.news-left .banner li{
    position: absolute;
    top: 0;
    left:0;    
    width:430px;
    height:325px;
}
.ban-btn{
    width: 100%;
    position: absolute;
    top: 136px;
    z-index: 2;
}
.ban-btn a{
    display: inline-block;
    height: 60px;
    width: 35px;
    background: rgba(180,180,180,0.5);
    font-size: 25px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    text-decoration: none;
}
.next-btn{
    float: right;
}
.prev-btn{
    float: left;
}
.ban-btn a:hover{
    background: rgba(100,100,100,0.5);
}
.indicator{
    width: 100%;
    position: absolute;
    text-align: center;
    bottom: 52px;
    z-index: 2;
}
.indicator a{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius:50%;
    margin:0 3px;
    background: #F9BE04;
    transition: all 0.5s;
}
.indicator .indicator-active{
    width:20px;
    border-radius: 25px;
}


.news-left .swiper p{
    position: relative;
    visibility: hidden;
    top:0;
    height:0px;
    font-size: 18px;
    color: #fff;
    line-height: 48px;
    transition: all 0.5s;
    background:rgba(0, 0, 0, 0.6);
}
.news-left .swiper:hover p{
    visibility: visible;
    height:48px;
    top:-48px;
}
.news-left .swiper p span{    
    color: #F8A102;
}
.news-left-imgs{
    width:190px;
    height:160px;
    margin-left:5px;
}
.news-left-imgs p{
    position: relative;
    visibility: hidden;
    top:0;
    height:0px;
    font-size: 14px;
    color: #FFFFFF;
    padding:8px 10px 10px 11px;
    line-height: 1.5em;
    transition: all 0.5s;
    background:rgba(0, 0, 0, 0.6);
}
.news-left-imgs:hover p{
    visibility: visible;
    top:-60px;
}
.newsTop{
    margin-top:5px;
}
.news-right{
    display: inline-block;
    width:280px;
    height:325px;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.12);
    padding:15px 0 16px;
}
.news-right a:hover{
    text-decoration: underline;
}
.news-right .right-title{
    width:92px;
    height:32px;
    line-height: 32px;
    text-align: center;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #206698;
    color:#fff;
    font-size:14px;
    margin-bottom:18px;
}
.news-right li::before{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #206698;
    border-radius: 50%;
    margin:0 8px 0 11px;
}
.news-right li{
    font-size: 14px;
    color: #363636;
    margin-bottom:12px;
}
.news-right .survey{
    margin-top: 26px;
}
.news-right .survey .right-title{
    background: #F9BE04;
    color: #363636;
}
.news-right .survey li::before{
    background-color: #F9BE04;
}
    /* content */
.content{
    width:1120px;
    height:500px;
    margin:30px auto 31px;
}
.content .content-left{
    width:820px;
}
.content .content-left .content-title a{
    display: inline-block;
    font-size: 20px;
    color: #363636;
    font-weight:bold;
    margin-bottom: 12px;
}
.content-list ul{
    margin-left:-13px;
}
.content-list li{
    position: relative;
    float:left;
    /* width:216px; */
    width:190px;
    height:230px;
    background:transparent;
    margin-right:20px;
    box-sizing: border-box;
    /* padding:14px 13px 0 13px;  */
    /* margin:0 14px 0 13px; */
}
.content-list li:nth-child(4),.content-list li:nth-child(8){
    margin-right: 0;
}
.content-list li .liDiv{
    position: absolute;
    height:230px;
    top: 0;
    left:0;
    z-index: 2;
    padding:14px 13px 0 13px;
    transition: all 0.7s;
}
.content-list li:hover .liDiv{
    background: #fff;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.13);
    
}
.content-list li img{
    width:190px;
    height:156px;
}
.content-list li a{
    display: block;
    width:190px;
    font-size: 14px;
    color: #363636;
    margin-top: 10px;
    overflow: hidden;
}
.content-list li a:hover{
    text-decoration: underline;
}
.content .content-right{
    width:280px;
    height:500px;
    padding-top: 15px;
    background: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.12);
}
.content-right .essence-title{
    width: 92px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    background: #52A3FF;
    border-top-right-radius: 6px;
    border-bottom-right-radius:6px;
    color:#fff;
    font-size:14px;
}
.content-right li::before{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #52A3FF;
    border-radius: 50%;
    margin:0 8px 0 11px;
}
.content-right li:first-child{
    margin-top:25px;
}
.content-right li{
    font-size: 14px;
    color:#363636;
    margin-top:12px;
}
.content-right a:hover{
    text-decoration: underline;
}
    /* blogroll */
.blogroll{
    width:1120px;
    height:230px;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
    padding-top:17px;
}
.blogroll .blogroll-title{
    width: 92px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    background: #206698;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    color: #fff;
    font-size: 14px;
}
.blogroll .blogroll-title:hover a{
    text-decoration:underline;
}
.blogroll .blogroll-content{
    padding:21px 18px 0 19px;
}
.blogroll-content li{
    float:left;
    width:134px;
    height:58px;
    margin-right:24.1px;
    margin-bottom: 16px;
}
.blogroll-content li:last-child{
    margin-right:0;
}
    /* footer */
footer{
    width:100%;
    height:190px;
    background: #272727;
}
footer .footer-content{
    width:1120px;
    padding-top:29px;
}
footer .footer-nav{
    padding-bottom:52px;
    border-bottom: 1px solid #3D3D3D;
}
.footer-content .search ul{
    top:7px;
}
.footer-left a{
    line-height:32px;
    opacity: 0.5;
    font-size: 14px;
    color: #FFFFFF;
}
footer .page-footer{
    opacity: 0.5;
    font-size: 14px;
    color: #FFFFFF;
    margin-top:25px;
}
footer .page-footer .p2{
    margin-left:73px;
}